<script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
<div class="sp_online support-fixed show_support">
	<div class="heading-title">
		<span>HỖ TRỢ TRỤC TUYẾN</span>
	</div>
	<div class="content">
		<ul>
			<?php if(isset($rooms)){ ?>
			<?php foreach ($rooms as $item => $room) { ?>
				<?php if($room['status']){ ?>
				<li>
					<h4><?php echo $room['title']; ?></h4>
					<?php if(!empty($room_people[$item])){ ?>
					<?php foreach($room_people[$item] as $people){ ?>
					<?php $yahoo_id = $people['yahoo_id']; ?>
					<?php $skype_id = $people['skype_id']; ?>
					<div class="main-people">
						<div class="yahoo-id">
							<a class="yahoo" href="ymsgr:sendIM?<?php echo $yahoo_id; ?>"><img src="http://opi.yahoo.com/online?u=<?php echo $yahoo_id; ?>&amp;m=g&amp;t=1&amp;l=vi" alt="<?php echo $yahoo_id; ?>"></a>
							<a href="skype:<?php echo $skype_id; ?>?call"><img src="http://mystatus.skype.com/bigclassic/<?php echo $skype_id; ?>" style="border: none;width:100px"  /></a>
						</div>
						<span class="name"><?php echo $people['name']; ?></span>
						<p class="phone"><?php echo $people['phone_number']; ?><?php echo ($people['phone_ext']!='')?' (Ext:'.$people['phone_ext'].')':''; ?></p>
					</div>
					<?php } ?>
					<?php } ?>
				</li>
				<?php } ?>
			<?php } ?>
			<?php } ?>
		</ul>
	</div>
</div>
<script type="text/javascript"><!--
	$(document).ready(function(){
		$(window).load(function(){
			$(".support-fixed").addClass("show_support");
			$height_pop=($(".support-fixed").height())-34;	
			$(".support-fixed").attr('style',"bottom:"+(Number($height_pop)-(Number($height_pop)*2))+"px");
			$(".heading-title").mouseenter(function(){
				$(".support-fixed").css({'bottom':'0'});
			});
			$(".support-fixed").mouseleave(function(){
				$(this).attr('style',"bottom:"+(Number($height_pop)-(Number($height_pop)*2))+"px");
			});
		});
	});
//--></script>